<%-- 
    Document   : editarTarea_Colaboradores
    Created on : Apr 6, 2012, 2:00:05 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Editar Tarea</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
 #fondo {
 width: 1600px;
 height: 400px;
 margin: auto;
 background-color: #e3e3e3;
 background: -moz-linear-gradient(top, #65b6cf , #2c2c2c);
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
}
</style>
</head>

<body>
    <div id="fondo">
        <div class="row" style="position:absolute;top:15px;left:230px"> 
            <h1>Editar tarea</h1>
	</div>
    	<div class="subnav" style="position:absolute;top:55px;left:200px">
            <ul class="nav nav-pills">
                <li class=""><a href="#labels">Informacion</a></li>
                <li class="active"><a href="#labels">Colaboradores</a></li>
		<li class=""><a href="#labels">Recursos</a></li>
		<li class=""><a href="#badges">Entregables</a></li>
            </ul>
	</div>
    </div>
    <div class="row" style="position:absolute;top:100px;left:200px">
        <div class="span3 ">
            <h2>Nombre de tarea:</h2>
            <a href="#" class="btn btn-warning" name="asig_tarea" type="sumit" style="position:absolute;top:30px;left:750px">Asignar a tarea</a>
            <a href="#" class="btn btn-info" name="detalles" type="sumit" style="position:absolute;top:30px;left:850px">Ver detalles</a>
	</div>
	<div class="span9" style="position:absolute;top:70px;">
            <div class="page-header">
                <h1>Colaboradores Disponibles:</h1>
            </div>
            <table class="table">
                <thead>
                    <tr>
			<th>Sel</th>
			<th>ID</th>
			<th>Colaborador</th>
			<th>Cargo</th>
			<th>Correo</th>
                    </tr>
		</thead>
		<tbody>
                    <tr>
			<td><input type="checkbox"></td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
			<td>sg@gmail</td>
                    </tr>
                    <tr>
			<td><input type="checkbox"></td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
			<td>sg@gmail</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
			<td>sg@gmail</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
			<td>sg@gmail</td>
                        </tr>
                </tbody>
            </table>
            <p>
            Colaboradores de esta tarea:
            <p>
            <select multiple="multiple" id="multiSelect">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            <a href="#" class="btn btn-warning" name="retirar" type="sumit" >Retirar</a>
	</div>
	<a href="#" class="btn btn-warning" name="aceptar" type="sumit" style="position:absolute;top:450px;left:850px">Aceptar</a>
  	<a href="#" class="btn btn-info" name="cerrar" type="sumit" style="position:absolute;top:450px;left:950px">Cerrar</a>
    </div>
	
    <script src="Estilos/js/jquery.js"></script>
    <script src="Estilos/js/bootstrap-dropdown.js"></script>

</body>
</html>
